<style>
    #cate .panel{
        margin-bottom: 5px;
        background-color: transparent !important;
        border: 0px solid transparent !important;
        border-radius: 0px !important;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0) !important;
        box-shadow: 0 !important;
    }
</style>
<div style="margin-top: 60px" class="container-fluid">

    <div class="container" style="margin-top: 10px">

        <div class="panel panel-default" >
            <div class="panel-heading">
                <ol class="breadcrumb" style="margin-bottom: 0px">
                    <li><a href="#">{$setting.side_home_title}</a></li>
                    <li><a href="#">展示区</a></li>
                    <!--<li class="active">Data</li>-->
                </ol>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="breadcrumb"  id="cate">
                            {foreach $cate_list as $p_k => $p_v}
                            <div class="panel">
                                <a style="margin-right: 80%"   href="{:url('home/cate/index',['id'=>$p_v['id']])}">{$p_v['cate_name']} </a>
                                {if !empty($p_v['children'])}

                                        <span class="caret" style="cursor:pointer" data-toggle="collapse" href="#collapse_{$p_k}"  data-parent="#cate"></span>
                                        <ul class="collapse {if $top_cate_id == $p_v['id']}in{/if}" id="collapse_{$p_k}" style="list-style: none">
                                            {foreach $p_v['children'] as $c_k => $c_v}
                                            <li><a style="color: black" href="{:url('home/cate/index',['id'=>$c_v['id']])}">{$c_v['cate_name']}</a></li>

                                            {/foreach}

                                        </ul>

                                {/if}

                            </div>
                            {/foreach}
                        </div>



                    </div>
                    <div class="col-md-9">
                        {php} $data = $article_list->toArray();{/php}
                        {if empty($data['data'])}
                        <div class="breadcrumb" style="background-color:#f5f5f5;text-align: center;padding: 50px 0px">抱歉，找不到您需要的展示品 ~ !</div>
                        {else}
                            {foreach $article_list as $k => $v}
                            <div class="col-sm-6 col-md-3">
                                <div class="thumbnail">
                                    <img src="{$v['cover_pic']}" alt="...">
                                    <div class="caption" style="text-align: center">
                                        <a href="{:url('home/article/index',['id'=>$v['id']])}">{$v.title}</a>
                                    </div>
                                </div>
                            </div>
                            {/foreach}
                        {/if}

                    </div>

                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div style="text-align: right;padding-right: 20px">
                            {$article_list->render()}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>